#navbar-iframe {height:0px;visibility:hidden;display:none}
.date-header{display:none;margin:1.5em 0 .5em}
.feed-links {display:none;}

a:link {color:#336633;text-decoration:none}
a:visited {color:orange;text-decoration:none}
a:hover {color:#800000; text-decoration:underline;}

#header-wrapper {height:140px;width: 100%; background:#000;}
.logo {font-size:30px;font-family:Georgia;overflow: hidden; float: left;font-weight:300;margin:0 0 0 10px;}
.logo a {text-decoration:none;color:#fff;padding-bottom:5px}
.logo b {font-size:60px;
-webkit-transition:all 2s ease-in-out;
-moz-transition:all 2s ease-in-out;
-ms-transition:all 2s ease-in-out;
-o-transition:all 2s ease-in-out;
transition:all 2s ease-in-out;}
.logo b:hover {font-weidth:100px;background:#fff;color:red;padding:0 20px 0 5px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
-webkit-transform:rotate(450deg) translateX(7px);
-moz-transform:rotate(450deg) translateX(7px);
-ms-transform:rotate(450deg) translateX(7px);
-o-transform:rotate(450deg) translateX(7px);
transform:rotate(450deg) translateX(7px);
width:100%;margin-right:-200px;
-webkit-animation:updown .2s infinite alternate .5s;
-moz-animation:updown .2s infinite alternate .5s;
-ms-animation:updown .2s infinite alternate .5s;
-o-animation:updown .2s infinite alternate .5s;
animation:updown .2s infinite alternate .5s;}
#sitedescription{font-style:italic;position:relative;color:red;font-size:18px;font-weight:100;margin:10px 0 1em;overflow: hidden;font-family:sans serif}
.site-description {width: 290px; height: 111px; padding: 35px 30px 0; float: right; overflow: hidden;background:#fff}
.site-description .textwidget {font-size: 11px; color: #656363; line-height: 1.3;}
.search {width: 200px; margin: 50px 50px 0 0; float: right;}

#search input[type="text"] {border: 1px solid #eee;border-radius:3px;color: #777;width: 180px;padding: 7px;font:normal 10px Verdana, Arial;
text-transform:uppercase;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}
#search input[type="text"]:focus {width: 220px;}

.hompimenu {font:normal 12px Cambria,"Times New Roman",Times,serif;line-height:normal;text-transform:uppercase; margin:5px 0px;padding:0px 0px;color:#000;text-decoration:none;}
.hompimenu ul {height:34px; line-height:34px;margin:0;padding:0px 0px;border-bottom: 1px solid #ccc;}
.hompimenu li {list-style:none;margin:0px 0px;padding:0px 0px;float:left;display:inline;position:relative;}
.hompimenu li a {display:block;margin:0px 0px;padding:0px 15px;color:#000;text-decoration:none;  font-weight:bold;line-height:34px;outline:none;}
.hompimenu li ul {position:absolute;z-index:10;left:0px;top:100%;height:auto;margin:0px 0px;padding:0px 0px;width:200px;  display:none;background: #000;border-bottom:1px solid #ccc;}
.hompimenu li ul a {color:#fff;border:1px inset rgb(72,72,72);display:block;}
.hompimenu li ul li {float:none;display:block;width:auto;}
.hompimenu li ul ul {top:0px;left:100%;}
.hompimenu li a:focus {background-color:#666;border-left-color:#777;border-right-color:#555;}
.hompimenu ul li a:focus {background-color:#666;border-top-color:#777;border-bottom-color:#555;}
.hompimenu li a:hover,
.hompimenu ul li a:hover {color:#bbb;}

#outer-wrapper {padding:0px;margin:0 auto;overflow:hide;width:100%;}
.post {border-bottom:1px solid #ccc;line-height: 20px;}
.post-title {text-shadow: 1px 1px 3px #fff;border-bottom:1px inset #ccc;margin:0px;padding:2px 0 0 0;font:normal 20px Cambria,Georgia,'Times New Roman',Serif;border-width:0 1px 1px;line-height:1.5em;display:block;}
.post-title a,
.post-title a:hover {text-decoration:none;}
.post-body{overflow:hide;line-height:1.5em;font:normal normal 15px Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;}
.post-body blockquote {line-height:1.3em;}
::selection{background:#3d3d3d;color:#000}
::-moz-selection{background:#3d3d3d;color:#000}
::-webkit-selection{background:#3d3d3d;color:#000}
.rbbox{ font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;background-color:#597624;margin:0px 0px;padding:2px;color:#000;border:4px solid #597624;
-webkit-box-shadow:inset 0px 0px 2px #000;
-moz-box-shadow:inset 0px 0px 2px #000;
box-shadow:inset 0px 0px 2px #000;}
.rbbox ul li {border-top:1px solid #799D1A;border-bottom:1px solid #455F20;padding:3px 0px;list-style:none;}
.rbbox ul{   margin:0px 0px;padding:0px 0px;border-top:1px solid #455F20;border-bottom:1px solid #799D1A;}
.rbbox h4 {margin:0;padding:0;border-bottom:1px inset #000;}
.rbbox ul li a,
.rbbox ul li a:link,
.rbbox ul li a:visited {color:#D7E5FD;text-shadow:0 1px 1px rgba(0,0,0,0.4);}
pre{margin:.5em 0;white-space:pre;word-wrap:normal;overflow:auto;background-color:#1B2426;color:#fff;}
pre code,
pre .line-number {display:block;font:normal normal 13px/24px "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;color:#fff;}
pre .line-number {float:left;margin:0 1em 0 -1em;color:#000;background-color:#f5f5f5;border-right:3px solid red;text-align:right;min-width:2.5em;}
pre .line-number span {display:block;padding:0 .5em 0 1em;}
pre .line-number span:nth-child(even) {background-color:#eee}
pre .cl {display:block;clear:both;}
#komentar {font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;background-color:#597624;margin:0px 0px;padding:10px 10px;color:#000;border:4px solid #597624;
-webkit-box-shadow:inset 0px 0px 2px #000;
-moz-box-shadow:inset 0px 0px 2px #000;
box-shadow:inset 0px 0px 2px #000;}
#komentar ul {margin:0px 0px;padding:0px 0px;border-top:1px solid #455F20;border-bottom:1px solid #799D1A;}
#komentar ul li {border-top:1px solid #799D1A;border-bottom:1px solid #455F20;padding:3px 0px;list-style:none;}
#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {color:#D7E5FD;text-shadow:0 1px 1px rgba(0,0,0,0.4);}
#komentar ul li b:before {margin:0px 4px 0px 0px;display:inline-block;*display:inline;vertical-align:middle;}

#content-wrapper {background:#000;float: left;overflow:hide;width:70%;
-webkit-box-shadow:inset 0 0 5px black;
-moz-box-shadow:inset 0 0 5px black;
box-shadow:inset 0 0 5px black;
display:inline;word-wrap:break-word;overflow:show;position:relative;}
.post {margin-bottom:15px;border:1px solid #dcdcdc;background:#FFF;padding:15px 15px 5px;}
#main-wrapper {width:98%; padding:10px 5px 10px 5px;float:left;word-wrap:break-word;overflow:show;}
#wrapper {background:#fff;}

#sidebar-wrapper { width: 29%; float: left; margin: -10px 0 0 5px; padding: 0;  word-wrap: break-word; overflow: show;}
.sidebar h2{background-color:#000;font:bold 13px Arial;color:#fff;line-height:1.2em;letter-spacing:.01em;text-shadow:-1px -1px #333;padding:9px 0 9px 10px;}
.sidebar .widget{margin:0 0 8px;padding:0 auto}
.sidebar {margin:0;font-size:13px;color:#232323;}
.sidebar a{text-decoration:none;color:#232323;}
.sidebar a:hover{text-decoration:none;color:#D90505;}
.sidebar a:link,
.sidebar a:visited{font:bold 12px Arial;color:#111;text-decoration:none}
.sidebar .widget-content{margin:0 auto;padding:0}
.sidebar{font:normal 12px Arial;color:#222;line-height:1.4em}
.sidebar li{text-indent:0;line-height:1.4em;margin:0;padding:3px 0 4px}
.sidebar ul{list-style:none;margin:0;padding:3px 8px}

#footer-wrapper{border-top:1px solid #ccc;width:100%;text-align:right;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px 0}
#footer-wrapper h2{border-bottom:1px inset #ccc;font-size:12px;padding:0; margin:0 0 10px 0; font-weight:bold; line-height:1.4em; text-transform:uppercase;background:text-align:center;color:#000;}
.footerwrap{width:100%;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px 0}
.footer{font:normal 12px Arial;color:#000;line-height:1.3em}
.footer ul{list-style:none;color:#000;margin:0;padding:0}
.footer li{border-bottom:1px dotted #ccc;margin:0;padding:6px;line-height:1.5em}
.footer .widget{margin:0 0 5px;padding:0 auto}
.footer a:link,
.footer a:visited{font:normal 12px Arial;color:green;text-decoration:none}
.footer a:hover{color:#ccc;text-decoration:none}
#footer1-wrapper,
#footer2-wrapper,
#footer3-wrapper{width:32%;float:left;margin:2px;word-wrap:break-word;overflow:hidden}

.credit-wrapper{width:100%;border-top:1px solid #ccc;margin:0 auto;padding:0 auto}
.credit{text-align:center;font-family:Arial;font-size:13px;color:#000;overflow:hidden;clear:both;margin:0 auto;padding:10px 0 10px 10px}

p {padding:10px 15px;margin:0 0 10px;}
.spammer-detected {background-color:#ccc;}
textarea {width:98%;height:150px;overflow:auto;display:block;margin:10px auto;}
.comment-form {max-width: 100%;clear: both;}
div.comment-form-lebar{clear:both;width:100%;padding:5px;
-webkit-box-shadow:0 1px 5px black;
-moz-box-shadow:0 1px 5px black;
box-shadow:0 1px 5px black;
width:auto !important;
display:block;}
#form-wrapper {clear:both;width:100%;padding:5px;width:auto !important;display:block;}
div.comment-form-lebar p,
#form-wrapper p {position: relative;background-color: #333;
-webkit-box-shadow: 0 5px 7px rgba(0,0,0,.7);
moz-box-shadow: 0 5px 7px rgba(0,0,0,.7);
box-shadow: 0 5px 7px rgba(0,0,0,.7);
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: right .15s linear;
border: 1px solid #444;border-color: #444 #222 #222 #444;color: white;font-size: 13px;margin-bottom: 25px;}
div.comment-form-lebar p::after,
#form-wrapper p::after {content: "";display: block;position: absolute;height: 0;width: 0;top: 100%;left: 20px;border: 15px solid transparent;border-color: #333 transparent transparent;}
#comments {padding:5px;background:#fff;}
.comments .comments-content .comment-thread ol {list-style-type: none;padding: 0;text-align: left;margin-top: -15px;}
.comments .comments-content .inline-thread {padding: 0;}
.comments .comment-thread.inline-thread .comment .comment-block {margin-left: 48px;display:block;}
.comments .comment-thread.inline-thread .comment {margin:0px 0px 5px 30%;background: url(https://lh5.googleusercontent.com/-AxMRILG-qlQ/T4qTc9xTj5I/AAAAAAAACE4/UczfEp0fn_I/s21/reply_bg.png) no-repeat;}
.comment .comment-thread.inline-thread .comment:nth-child(6) {margin:0px 0px 5px 25%;}
.comment .comment-thread.inline-thread .comment:nth-child(5) {margin:0px 0px 5px 20%;}
.comment .comment-thread.inline-thread .comment:nth-child(4) {margin:0px 0px 5px 15%;}
.comment .comment-thread.inline-thread .comment:nth-child(3) {margin:0px 0px 5px 10%;}
.comment .comment-thread.inline-thread .comment:nth-child(2) {margin:0px 0px 5px 5%; }
.comment .comment-thread.inline-thread .comment:nth-child(1) {padding-top:0px;margin:40px 0px 5px 0%;}
.comments .comments-content .datetime {font:normal normal 11px Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;display: block;float:right;}
.comments .comments-content .comment-content {text-align: left;padding:5px;line-height:1.5em;font:normal normal 13px Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;}
.comments .comment .comment-header {margin-bottom: 4px;border-bottom: 1px inset #ccc;margin-left: -10px;}
.comments .avatar-image-container {float: left;max-height: 36px;overflow: hidden;width: 36px;margin-top: 24px;position: relative;
border:1px solid #3c3c3c;
-webkit-box-shadow:0 1px 2px #000;
-moz-box-shadow:0 1px 2px #000;
box-shadow:0 1px 2px #000;
background:#000;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;}
.comments .comments-content .inline-thread {padding: 0;}
.comments .thread-toggle {margin-bottom:1px;}
.comments .thread-expanded .thread-arrow {background: url(https://lh5.googleusercontent.com/-AxMRILG-qlQ/T4qTc9xTj5I/AAAAAAAACE4/UczfEp0fn_I/s21/reply_bg.png) no-repeat;}
.comments .thread-toggle {display: none;}
.comments .thread-toggle {margin-bottom: 0px;}
.comments .continue a{float:right;margin-top: -15px;background: url(https://lh6.googleusercontent.com/-m_V-eQOXNXY/T4qTc2wkylI/AAAAAAAACE8/KNiUT0nn9tE/s12/reply.png) no-repeat top left;color: orange;padding: 0 0 1px 15px;
font-size: 12px;}
#comment-post-message {display:none;}
.comments .comments-content .user {border-bottom: 3px inset orange;}
.comments .comments-content .icon.blog-author {display: inline-table;width: 0;height: 0;border: 8px solid transparent;border-color: black orange brown green;}

.post-footer {height:auto;background: #f9f9f9;border-top: 2px solid #ddd;font-size: .8em;margin-top:20px;border-radius: 20px;
overflow: hidden;}
.post-footer h4 {text-align: center;margin: 0px;}
.post-footer  li {list-style:none;padding: 5px 14px;width:100%;cursor:pointer;border-bottom: 1px solid silver;border-top: 1px solid white;
background: -webkit-linear-gradient(bottom, hsla(0, 0%, 0%, .06), transparent 40px);
background: -moz-linear-gradient(bottom, hsla(0, 0%, 0%, .06), transparent 40px);
background:linear-gradient(bottom, hsla(0, 0%, 0%, .06), transparent 40px);}
.goog-inline-block {display: inline-block;margin-top: 0px;}
.comments .comments-content .comment {padding-bottom: 0px;}

#banner-ads {margin: 0px;padding: 5px;text-align: center;}
#banner-ads img {margin:7px 5px 5px 0px;padding: 0px;border: 1px solid green;float: center;}
#banner-ads img:hover {border: 1px solid green;} 

.notes {display: block;text-align: left;background-color: hsl(55, 100%, 88%);font: italic normal 14px Georgia,Serif;color: hsl(0, 0%, 13%);position: relative;margin: 10px 7% 1.7em 7%;padding: 20px 30px;text-shadow: none;}
.notes::before {content: "";width: 100%;height: 4px;position: absolute;top: 0;left: 0;
background-color: hsl(203, 42%, 50%);
background-image: -webkit-linear-gradient(left,hsl(37, 90%, 54%),hsl(18, 66%, 49%),hsl(75, 68%, 46%),hsl(203, 42%, 50%),hsl(269, 43%, 50%));
background-image: -moz-linear-gradient(left,hsl(37, 90%, 54%),hsl(18, 66%, 49%),hsl(75, 68%, 46%),hsl(203, 42%, 50%),hsl(269, 43%, 50%));
background-image: -ms-linear-gradient(left,hsl(37, 90%, 54%),hsl(18, 66%, 49%),hsl(75, 68%, 46%),hsl(203, 42%, 50%),hsl(269, 43%, 50%));
background-image: -o-linear-gradient(left,hsl(37, 90%, 54%),hsl(18, 66%, 49%),hsl(75, 68%, 46%),hsl(203, 42%, 50%),hsl(269, 43%, 50%));
background-image: linear-gradient(left,hsl(37, 90%, 54%),hsl(18, 66%, 49%),hsl(75, 68%, 46%),hsl(203, 42%, 50%),hsl(269, 43%, 50%));}

hr {border: 0;height: 1px;
background-image: -webkit-linear-gradient(left, #dadada, #333, #dadada);
background-image:    -moz-linear-gradient(left, #dadada, #333, #dadada);
background-image:     -ms-linear-gradient(left, #dadada, #333, #dadada);
background-image:      -o-linear-gradient(left, #dadada, #333, #dadada);}

table {border-collapse: collapse;border-spacing: 0;}
.entry-content table {border-bottom: margin: 0 0 15px ;width: 100%;}
th,
td {text-align: left;}
td {vertical-align: top;border-top: 1px solid #DDD;padding: 5px 10px 5px 0;}
th {font-weight: 400;font-size: 13px;color: #666;text-transform: uppercase;}

#blog-pager-newer-link, 
#blog-pager-newer-link a {background:url(http://1.bp.blogspot.com/-GRKwMyfi2HE/TcGDsxAEG9I/AAAAAAAAAdA/m4mwJLQNrMQ/s1600/next.png) no-repeat left top; float:left;width:26px; height:26px;text-indent:-9999px;}
#blog-pager-older-link, 
#blog-pager-older-link a {background:url(http://4.bp.blogspot.com/-xjUQTlGCi2g/TcGDv9GbNgI/AAAAAAAAAdE/UfViH6HgCnk/s1600/previous.png) no-repeat right top; float:right; width:26px;  height:26px; text-indent:-9999px;}
#blog-pager {text-align: center;margin: 0 5px 0;}
.home-link{}

img.emo {display:inline-block;vertical-align:middle;}
#comment-holder .cm-youtube {display:block;border:none !important;background-color:#333;width:370px;height:218px;margin:0 auto 30px;}
#comment-holder .cm-image {display:block;margin:0 auto 15px;outline:none;border:1px solid #ccc;padding:5px;max-width:96%;height:auto;width:auto\9;
background-color:white;
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
#comments i[rel="code"] {font:normal 12px Monaco,Monospace !important;font-style:normal;color:blue;}
#comments i[rel="pre"] {display:block;background-color:#333;font:normal 12px Monaco,Monospace !important;color:white;white-space:pre;word-wrap:normal !important;overflow:auto;padding:0.5em 1em;margin:10px 0px;}
#comments i[rel="image"],
a[href*="http://www.youtube.com/embed"] {
display:block;margin:20px auto;width:120px;height:100px;border:2px solid black;position:relative;overflow:hidden;}
#comments i[rel="image"]:before,
a[href*="http://www.youtube.com/embed"]:before {
content:"Please enable the JavaScript to see this image!";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:red;padding:10px;font:bold 12px Arial,Sans-Serif;color:white;text-decoration:none;}
a[href*="http://www.youtube.com/embed"]:before {content:"Please enable the JavaScript to see this video!";}

#comments b[rel="quote"] {font-weight:normal;display:block;background-color:pink;padding:10px 15px;margin:10px auto;}
#comments b[rel^="h"] {display:block;margin-bottom:10px;}
#comments b[rel="h1"] {font-size:240%;}
#comments b[rel="h2"] {font-size:200%;}
#comments b[rel="h3"] {font-size:140%;}
#comments b[rel="h4"] {font-size:120%;}
#comments b[rel="h5"] {font-size:100%;}
#comments b[rel="h6"] {font-size:60%; }
pre, #comments i[rel="pre"] {
  /* tampilan default tag pre... */
}
blockquote, #comments b[rel="quote"] {
  /* tampilan default tag blockquote... */
}
h1, #comments b[rel="h1"] { /* tampilan default tag h1... */ }
h2, #comments b[rel="h2"] { /* tampilan default tag h2... */ }
h3, #comments b[rel="h3"] { /* tampilan default tag h3... */ }
h4, #comments b[rel="h4"] { /* tampilan default tag h4... */ }
h5, #comments b[rel="h5"] { /* tampilan default tag h5... */ }
h6, #comments b[rel="h6"] { /* tampilan default tag h6... */ }

.a_tombol {margin-bottom:25px;
	text-align: center;
	background-color:#3bb3e0;
	font-family: arial, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	border-left:solid 1px #2ab7ec;
	margin-left:35px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.a_tombol:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.a_tombol::before {
	text-decoration:none;
	background-color:#2561b4;
	content:" ";
	width:35px;
	max-height:27px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(10,94,125)),
	color-stop(1, rgb(14,139,184))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
}

.a_tombol:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}
.a_tombol.satu::before {
	text-decoration:none;
	background-color:#2561b4;
	content:"1";
}

@media screen and (max-width:1000px) {
#footer-wrapper,
#footer1-wrapper,
#footer2-wrapper,
#footer3-wrapper,
#content-wrapper,
    #outer-wrapper {
      width:100%;
    }
}

@media screen and (max-width:600px) {
#sidebar-wrapper,
#main-wrapper,
#footer1-wrapper,
#footer2-wrapper,
#footer3-wrapper {
      float:none;
      display:block;
      width:auto;
      padding:5%;
    }
}